<template>
	<view class="container">
		<uni-list class="setting-list">
			<uni-list-item showArrow title="手机号" rightText="123****5555" />
			<uni-list-item showArrow title="微博" rightText="未绑定" />
			<uni-list-item showArrow title="微信" rightText="未绑定" />
			<uni-list-item showArrow title="QQ" rightText="未绑定" />
		</uni-list>
		<uni-list class="setting-list">
			<uni-list-item title="系统通知" :show-switch="true"  @switchChange="switchChange"/>
			<uni-list-item showArrow title="检查新版本" />
			<uni-list-item title="清除缓存" rightText="18M" />
			
		</uni-list>
		<button type="default" class="logout-btn">
			<text class="logout-text">退出账号</text></button>
	</view>
</template>

<script setup>

</script>

<style scoped>
page{
	background-color: #f2f2f2;
}	
.setting-list{
	margin-top: 20rpx;
}

.uni-list-item__content-title{
	font-size: 30rpx !important;
}

.uni-list-item__extra-text{
	font-size: 30rpx !important;
	color: black !important;
}

.logout-btn{
	margin-top:60rpx;
	background-color: #fff ;
}	 

.logout-text{
	color:red;
	font-size:30rpx;
}
</style>
